<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<title>袁重玉的首页</title> 
	<meta http-equiv="keywords" content="袁重玉 java 架构" />
	<meta http-equiv="description" content="袁重玉的首页" />
	<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="favicon.ico" />
	<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" /> 
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	<script type="text/javascript" src="js/mootools.index.js"></script>
</head> 
 
<!-- when the page loads, hide all sliders --> 
<body onload = "slider1.hide();slider2.hide();slider3.hide();slider4.hide();slider5.hide();"> 
<div id="container"> 
	<!-- START --> 
	<div id="start" class="positioning"> 
		<div class="inside"> 
			<div class="text" style="text-align:center"><img src="img/index.png" alt="is-krim.appspot.com" /></div>
			<div style="text-align: justify;line-height: 23px;padding-bottom: 10px;text-align:center"></div>
			<div class="navigator"><div id="gotowork"><img src="img/button_start.gif" alt="ready go!" /></div></div> 
		</div>	
	</div> 

	<!-- ABOUT --> 
	<div id="about" class="positioning"> 
		<div class="inside"> 
			<img src="img/title_about.gif" alt="about me, me, me" /> 
			<div class="header">写自己.</div> 
			<div class="text"> 
			袁少，上海出生上海长大，毕业于<a href="http://www.sma.edu.cn/" target="_blank">上海海事学院</a>（后又在<a href="http://www.tjae.cn/" target="_blank">同济夜大</a>习得本科学位一枚）。不喜欢且不擅长枯燥乏味的物流/贸易/国际航运专业，毕业后毅然加入了光荣的码工行列，跟挨踢民工抢着挨踢，在自己热爱的技术/电商领域挥洒汗水。
			<br /><br /> 
			我有一个聪明可爱的老婆，她是个<a href="http://www.tvb.com" target="_blank">TVB</a>迷，每天要看连续剧，减肥是她毕生事业——每年总得来那么几回。我们属互补型，她磨叽我雷厉，她话痨我静默，她情商高我。。恩。我们有一个属兔的漂亮女儿，她很幸运，能继承我跟老婆的优良血统。
			<br /><br /> 
			我喜欢玩游戏，从FC到PS，从GB到PSP，从单机到网游。理想的退休生活是每天自然醒后去公园走走，其余时间都在家玩游戏。我喜欢所有聪明的家伙，喜欢跟TA们打交道。讨厌所有胖子，特别是女胖子。
			</div> 
			<div class="navigator"><div id="gotoskills"><img src="img/button_skills.gif" alt="skill" /></div></div> 
		</div> 
	</div>

	<!-- WORK --> 
	<div id="work" class="positioning"> 
		<div class="inside"> 
			<div id="slider1" class="slider"><img src="img/screenshot/biz518.jpg" id="1out" alt=商助网" title="商助网" /><br /><br /> 
			<a href="http://www.biz518.com/" target="_blank">浏览</a> | click on the image to close</div> 
			
			<div id="slider2" class="slider"><img src="img/screenshot/paybyfinger.jpg" id="2out" alt="指付通" title="指付通" /><br /><br /> 
			<a href="http://www.paybyfinger.com.cn/" target="_blank">浏览</a> | click on the image to close</div> 
			
			<div id="slider3" class="slider"><img src="img/screenshot/zznode.jpg" id="3out" alt="直真节点" title="直真节点" /><br /><br /> 
			<a href="http://www.zznode.com/" target="_blank">浏览</a> | click on the image to close</div> 
			
			<div id="slider4" class="slider"><img src="img/screenshot/yihaodian.jpg" id="4out" alt="一号店" title="一号店" /><br /><br /> 
			<a href="http://www.yihaodian.com/" target="_blank">浏览</a> | click on the image to close</div> 
			
			<div id="slider5" class="slider"><img src="img/screenshot/sseinfo.jpg" id="5out" alt="上证所盈富" title="上证所盈富" /><br /><br /> 
			<a href="http://www.sseinfo.com/" target="_blank">浏览</a> | click on the image to close</div>
			
			
			<img src="img/title_work.png" alt="work, work." /> 
			
			<div class="header">曾参与开发.</div> 
			<div class="text">点击缩略图，查看完整图片<br/> 
				<div id="1in" class="button"><img src="img/thumb/biz518v.jpg" alt="商助网" title="商助网" /></div> <div id="2in" class="button"><img src="img/thumb/paybyfingerv.jpg" alt="指付通" title="指付通" /></div> <div id="3in" class="button"><img src="img/thumb/zznodev.jpg" alt="直真节点" title="直真节点" /></div> <div id="4in" class="button"><img src="img/thumb/yihaodianv.jpg" alt="一号店" title="一号店" /></div> <div id="5in" class="button"><img src="img/thumb/sseinfov.jpg" alt="上证所盈富" title="上证所盈富" /></div> 
			</div>	
			<div class="navigator" style="margin-top:10px;"><div id="gotoabout"><img src="img/button_about.gif" alt="about" /></div></div>
		</div> 
	</div>

	<!-- CONTACT --> 
	<div id="contact" class="positioning"> 
		<div class="inside"> 
			<img src="img/title_contact.gif" alt="contact me!" /> 
			<div class="header">联系我的方式.</div> 
			<div class="text">
				about.me: <a href="javascript:window.open('http://about.me/royan','_blank');">http://about.me/royan</a><br /><br />
			<br /><br /><br /><br /> 
			Copyright &copy; 2006 by yuanchongyu | All Rights Reserved<br /> 
			</div> 
			<div class="navigator"><div id="gotohome"><img src="img/button_home.gif" alt="go back home" /></div></div> 
		</div>	
	</div> 

	<!-- SKILL -->
	<div id="skills" class="positioning"> 
		<div class="inside"> 
			<img src="img/title_skills.gif" alt="Skills" /> 
			<div class="header"></div> 
			<div class="text"> 
				<ul id="purple"> 
					<li>06年1月入行，多年开发经验，熟悉OOP、AOP设计</li>
					<li>善用现有资源，以可用性为前提，编写可维护代码，并持续重构</li>
					<li>关注开源项目，熟练运用常用开源工具</li>
					<li>根据积累的经验，架构不同类型网站系统</li>
					<li>善于学习，热爱编程事业</li>
				</ul> 
			</div> 
			<div class="navigator"><div id="gotocontact"><img src="img/button_contact.gif" alt="contact" /></div></div> 
		</div>	
	</div> 
 
</div> 
 
 
 
<script type="text/javascript"> 
	var blk=0;
	// navigations
	var skroll = new Fx.Scroll(window, {duration: 1500, wait: false, transition: Fx.Transitions.quadInOut});
	
	// website layouts
	var slider1 = new Fx.Slide('slider1', {duration: 1000, transition: Fx.Transitions.bounceOut});
	var slider2 = new Fx.Slide('slider2', {duration: 1000, transition: Fx.Transitions.bounceOut});
	var slider3 = new Fx.Slide('slider3', {duration: 1000, transition: Fx.Transitions.bounceOut});
	var slider4 = new Fx.Slide('slider4', {duration: 1000, transition: Fx.Transitions.bounceOut});
	var slider5 = new Fx.Slide('slider5', {duration: 1000, transition: Fx.Transitions.bounceOut});
	
	$('gotohome').addEvent('click', function(){ skroll.toElement('start'); });
	$('gotoabout').addEvent('click', function(){ skroll.toElement('about'); });
	$('gotowork').addEvent('click', function(){  skroll.toElement('work'); slider1.hide(); slider2.hide();slider3.hide();slider4.hide();slider5.hide();});
	$('gotocontact').addEvent('click', function(){ skroll.toElement('contact'); });
	$('gotoskills').addEvent('click', function(){ skroll.toElement('skills'); });
 
	$('1in').addEvent('click', function(){if(blk){return;}blkf();slider2.hide();slider3.hide();slider4.hide();slider5.hide();slider1.toggle();});
	$('1out').addEvent('click', function(){if(blk){return;}blkf();slider2.hide();slider3.hide();slider4.hide();slider5.hide();slider1.toggle();});
	$('2in').addEvent('click', function(){if(blk){return;}blkf();slider1.hide();slider3.hide();slider4.hide();slider5.hide();slider2.toggle();});
	$('2out').addEvent('click', function(){if(blk){return;}blkf();slider1.hide();slider3.hide();slider4.hide();slider5.hide();slider2.toggle();});
	$('3in').addEvent('click', function(){if(blk){return;}blkf();slider2.hide();slider1.hide();slider4.hide();slider5.hide();slider3.toggle();});
	$('3out').addEvent('click', function(){if(blk){return;}blkf();slider2.hide();slider1.hide();slider4.hide();slider5.hide();slider3.toggle();});
	$('4in').addEvent('click', function(){if(blk){return;}blkf();slider2.hide();slider1.hide();slider3.hide();slider5.hide();slider4.toggle();});
	$('4out').addEvent('click', function(){if(blk){return;}blkf();slider2.hide();slider1.hide();slider3.hide();slider5.hide();slider4.toggle();});
	$('5in').addEvent('click', function(){if(blk){return;}blkf();slider2.hide();slider1.hide();slider3.hide();slider4.hide();slider5.toggle();});
	$('5out').addEvent('click', function(){if(blk){return;}blkf();slider2.hide();slider1.hide();slider3.hide();slider4.hide();slider5.toggle();});
	
	var blkf=function(){
		blk=1;
		window.setTimeout(function(){blk=0},1000);
	};
</script>
</body> 
</html> 